<template>
  <div class="newsMessage">
    <div class="newsHeader">
      <div class="newsClose">
        <img src="../../assets/images/close.png" @click="detailClose" alt="" />
      </div>
      <div class="newsTitle">
        <h3>{{ detailTitle }}</h3>
      </div>
      <div class="newsTime">{{ detailTime }}</div>
    </div>
    <div class="newsContent">
      <p>{{ detailContent }}</p>
      <div class="newsCountry">{{ detailCountry }}</div>
    </div>
  </div>
</template>
<script>
export default {
  name: "msg",
  props: {},
  components: {},
  data() {
    return {
      detailTitle: "",
      detailTime: "",
      detailContent: "",
      detailCountry: "",
    };
  },
  created() {
      this.detailTitle=this.$store.getters.getDetailTitle // -> 1;
      this.detailTime = this.$store.getters.getDetailTime;
      this.detailContent = this.$store.getters.getDetailContent;
      this.detailCountry = this.$store.getters.getDetailCountry;
  },
  methods: {
    detailClose() {
      this.$emit("detailClose", false);
    },
  },
};
</script>
<style lang="less" scoped>
</style>